import React,{ Component } from 'react';
export default class Navication extends React.Component{
	handelOver(){
		//$(this).stop().animate({"margin-top":-40}, 300);
		console.log("333")
	}
	handelout(){
		//$(this).stop().animate({"margin-top":0}, 300);
		console.log("3444");
	}
    render(){
        return (
				<div className = "nav">
					<ul className = "list">
				    	<li onMouseOver={this.handelOver.bind(this)} onMouseOut={this.handelout.bind(this)}>
				        	<a href = "#">
				            	<b>Index</b>
				                <i>首页</i>
				            </a>
				        </li>
				        <li>
				        	<a href = "#">
				            	<b>Course</b>
				                <i>职业课程</i>
				            </a>
				        </li>
				        <li>
				        	<a href = "#">
				            	<b>Study</b>
				                <i>就业学习</i>
				            </a>
				        </li>
				        <li>
				        	<a href = "#">
				            	<b>BBS</b>
				                <i>极客社区</i>
				            </a>
				        </li>
				        <li>
				        	<a href = "#">
				            	<b>JiKe</b>
				                <i>极客+</i>
				            </a>
				        </li>
				    </ul>
				</div>
        );
    }
}
